<template>
  <el-container>
    <el-aside width="200px">
      <div class="logo">
        <img src="/vite.svg" alt="logo" style="width: 30px;">
        <span  class="logo-text">VOS辅助管理</span>
      </div>
      <el-menu router>
        <el-menu-item index="/home">
          <el-icon><Monitor /></el-icon>
          <span>系统信息</span>
        </el-menu-item>
        <el-menu-item index="/home/vos">
          <el-icon><User /></el-icon>
          <span>VOS登录</span>
        </el-menu-item>
        <el-menu-item index="/home/ip">
          <el-icon><Setting /></el-icon>
          <span>对接设置</span>
        </el-menu-item>
        <el-menu-item index="/home/blind">
          <el-icon><Location /></el-icon>
          <span>盲区检查</span>
        </el-menu-item>
        <el-menu-item index="/home/help">
          <el-icon><Location /></el-icon>
          <span>帮助说明</span>
        </el-menu-item>
        <el-menu-item index="/home/quit">
          <el-icon><Switch /></el-icon>
          <span>退出</span>
        </el-menu-item>
      </el-menu>
    </el-aside>
    <el-main>
      <router-view />
    </el-main>
  </el-container>
</template>

<script setup>
import { Monitor, User, Setting, Location } from '@element-plus/icons-vue'
</script>

<style scoped>
.logo {
  display: flex;
  align-items: center;
  padding: 20px 15px;
  background: #fff;
}

.logo-text {
  color: #1a3c6c;  /* 深蓝色 */
  font-weight: bold;
  font-size: 1.0em;  /* 比默认大2号 */
  margin-left: 10px;
  letter-spacing: 1px; /* 可选：增加字间距 */
}

/* 保持原有其他样式 */
.el-aside {
  background: #fff;
  box-shadow: 2px 0 6px rgba(0, 0, 0, 0.1);
}
</style>